<template>
	<view>
		<drag-button :isDock="true" :existTabBar="true"></drag-button>
		<header-bar :title=titleName>
		</header-bar>
		<view class="uni-padding-wrap uni-common-mt">
			<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text"
				activeColor="rgb(0,132,255)"></uni-segmented-control>
		</view>
		<view class="content">
			<view v-show="current === 0">
				<view-tabbar tabIndex=1></view-tabbar>
				<echone-sku :show="popupShow" mode="forbidden" :theme-color="themeColor" :combinations="combinations"
					:specifications="specifications" :default-select-index="selectedIndex"
					:combinations-props="combinationsProps" :specifications-props="specificationsProps"
					@close="handleClose" @confirm="handleConfirm">
				</echone-sku>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：202205111211</view>
						<view class="order-status-1">等待买家付款</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img11.360buyimg.com/n1/jfs/t1/135257/32/22355/280244/61e90204E52ca6244/a5bc31c99ad3401e.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								尊福林 园艺工具套装家用种植工具箱种菜种花多肉松土铲子喷壶修枝剪刀组合园艺用品 园艺工具-10件套
							</view>
							<view class="good-time">
								付款剩余时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="12" :minute="30" :second="0"
									color="#FFFFFF" background-color="red" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									绿色套装
								</view>
								<view class="good-price">
									¥89.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							需付款
						</view>
						<view class="good-price p1">
							¥{{78.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus!=3&&orderStatus!=4">
						<!--等待买家付款-->
						<view class="need-pay" v-if="orderStatus == 0">
							付款 ¥{{orderInfo.total_amount}}
						</view>
						<!--待成团-->
						<view class="invite-user" v-if="orderStatus == 1">
							<view class="down-time">
								<timer :endTime="orderInfo.pin_remain_time" :orderList="isOrderList"></timer>
							</view>
							<button open-type="share" :id="orderInfo.order_id" :data-index="index"
								class="invite-btn">邀请拼单</button>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus < 0 || orderStatus == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus==3||orderStatus==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：489625716835</view>
						<view class="order-status-1">等待收货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n1/jfs/t1/214078/21/311/232262/6167d570E012daaed/43f3043ab9fad1a4.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								朔铠园艺工具套装种花剪养花工具箱家用阳台盆景栽花大号赶海小铲子盆栽花卉工具铲土用品修枝剪铁锹耙子锄头 花艺剪刀粉色
							</view>
							<view class="good-timesss">
								预计到货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="12" :minute="12" :second="0"
									color="#FFFFFF" background-color="rgb(0, 132, 255)" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									花艺剪刀粉色
								</view>
								<view class="good-price">
									¥10.5
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{6.8}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus2!=3||orderStatus2!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus2 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus2 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus2 < 0 || orderStatus2 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus2==3||orderStatus2==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：954258354628</view>
						<view class="order-status-1">已完成</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n1/jfs/t1/209095/23/723/143579/6141ff31E70061a2d/27cc1f463156512c.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								朔铠浇花喷壶家用小喷水壶园艺工具洒水壶气压式消毒喷雾器小型压力浇水壶高压喷雾瓶 2L加厚卡扣款粉色
							</view>
							<view class="good-times">
								05月20日 12:49前发货
							</view>
							<view class="good-bottom">
								<view class="attr">
									2L加厚卡扣款粉色
								</view>
								<view class="good-price">
									¥8.80
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{5.6}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus3!=3||orderStatus3!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus3 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="wait-express" v-else-if="orderStatus3 == 10">
							<view class="view-express" @click="applyAfterSale">
								追加评价
							</view>
							<view class="view-express e1" @click="buyOnceMore">
								再次购买
							</view>
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus3 < 0 || orderStatus3 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus3==3||orderStatus3==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：856493527915</view>
						<view class="order-status-1">等待发货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n1/jfs/t1/167508/36/10422/162130/6034d1e0E2e7d9370/424df372a83a04c6.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								电动喷雾器农用手提式打药机农药弥雾机喷雾机高压充电果树园林打药泵隔膜泵洗车机器抽水机 20安锂电池顶配版+50米高压管
							</view>
							<view class="good-timess">
								预计发货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="5" :minute="25" :second="0"
									color="#FFFFFF" background-color="forestgreen" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									20安锂电池顶配版+50米高压管
								</view>
								<view class="good-price">
									¥459.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{356.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus1!=3||orderStatus1!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus1 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus1 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus1 < 0 || orderStatus1 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus1==3||orderStatus1==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：452698415231</view>
						<view class="order-status-1">等待买家付款</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img11.360buyimg.com/n1/jfs/t1/185124/21/25006/842299/628b8da8E6ec44409/3834c97c65d0bfec.png.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								农业肥料下肥双管手动施肥器追肥器玉米果树颗粒肥机器撒肥机 双管绿手动颗粒溜肥器50斤装
							</view>
							<view class="good-time">
								付款剩余时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="9" :minute="24" :second="7"
									color="#FFFFFF" background-color="red" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									双管绿手动颗粒溜肥器50斤装
								</view>
								<view class="good-price">
									¥165.10
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							需付款
						</view>
						<view class="good-price p1">
							¥{{145.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus!=3&&orderStatus!=4">
						<!--等待买家付款-->
						<view class="need-pay" v-if="orderStatus == 0">
							付款 ¥{{orderInfo.total_amount}}
						</view>
						<!--待成团-->
						<view class="invite-user" v-if="orderStatus == 1">
							<view class="down-time">
								<timer :endTime="orderInfo.pin_remain_time" :orderList="isOrderList"></timer>
							</view>
							<button open-type="share" :id="orderInfo.order_id" :data-index="index"
								class="invite-btn">邀请拼单</button>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus < 0 || orderStatus == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus==3||orderStatus==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：665248156983</view>
						<view class="order-status-1">等待发货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n1/jfs/t1/199641/26/24185/118597/62986c58E672c5bf7/89a01683a776eb81.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								德国银龙岛 大功率石材切割机瓷砖多功能手提云石机开槽机电锯水电工业级 2800W升级款·加宽底板
							</view>
							<view class="good-timess">
								预计发货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="10" :minute="42" :second="0"
									color="#FFFFFF" background-color="forestgreen" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									2800W升级款·加宽底板
								</view>
								<view class="good-price">
									¥178.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{166.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus1!=3||orderStatus1!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus1 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus1 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus1 < 0 || orderStatus1 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus1==3||orderStatus1==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：153585946513</view>
						<view class="order-status-1">等待收货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n7/jfs/t1/222679/40/3777/426084/619f2248E26970658/53d4006b95a8b421.jpg"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								手拉犁人工小型开沟神器农用翻土松土起垄器翻地机耕地机开荒工具 手拉犁
							</view>
							<view class="good-timesss">
								预计到货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="24" :minute="55" :second="0"
									color="#FFFFFF" background-color="rgb(0, 132, 255)" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									手拉犁
								</view>
								<view class="good-price">
									¥261.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{243.2}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus2!=3||orderStatus2!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus2 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus2 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus2 < 0 || orderStatus2 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus2==3||orderStatus2==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：548963251485</view>
						<view class="order-status-1">已完成</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n7/jfs/t1/124867/15/22230/364939/627e19baEfa101c51/63857b9347aa5e71.jpg"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								四冲程汽油微耕机松土机旋耕机耕地机小型农用翻地机开沟机除草机 宗申配松土刀行走轮除草轮开沟器
							</view>
							<view class="good-times">
								05月25日 18:16前发货
							</view>
							<view class="good-bottom">
								<view class="attr">
									四冲程汽油微耕机
								</view>
								<view class="good-price">
									¥3004.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{2999}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus3!=3||orderStatus3!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus3 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="wait-express" v-else-if="orderStatus3 == 10">
							<view class="view-express" @click="applyAfterSale">
								追加评价
							</view>
							<view class="view-express e1" @tap="buyOnceMore">
								再次购买
							</view>
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus3 < 0 || orderStatus3 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus3==3||orderStatus3==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-show="current === 1">
				<view class="goods-carts">
					<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup" @click="onClick"
						@buttonClick="buttonClick" />
					<echone-sku :show="popupShow" mode="forbidden" :theme-color="themeColor"
						:combinations="combinations" :specifications="specifications"
						:default-select-index="selectedIndex" :combinations-props="combinationsProps"
						:specifications-props="specificationsProps" @close="handleClose" @confirm="handleConfirm">
					</echone-sku>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：202205111211</view>
						<view class="order-status-1">等待买家付款</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img11.360buyimg.com/n1/jfs/t1/185124/21/25006/842299/628b8da8E6ec44409/3834c97c65d0bfec.png.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								农业肥料下肥双管手动施肥器追肥器玉米果树颗粒肥机器撒肥机 双管绿手动颗粒溜肥器50斤装
							</view>
							<view class="good-time">
								付款剩余时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="9" :minute="24" :second="7"
									color="#FFFFFF" background-color="red" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									双管绿手动颗粒溜肥器50斤装
								</view>
								<view class="good-price">
									¥165.10
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							需付款
						</view>
						<view class="good-price p1">
							¥{{145.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus!=3&&orderStatus!=4">
						<!--等待买家付款-->
						<view class="need-pay" v-if="orderStatus == 0">
							付款 ¥{{orderInfo.total_amount}}
						</view>
						<!--待成团-->
						<view class="invite-user" v-if="orderStatus == 1">
							<view class="down-time">
								<timer :endTime="orderInfo.pin_remain_time" :orderList="isOrderList"></timer>
							</view>
							<button open-type="share" :id="orderInfo.order_id" :data-index="index"
								class="invite-btn">邀请拼单</button>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus < 0 || orderStatus == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus==3||orderStatus==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：452698415231</view>
						<view class="order-status-1">等待买家付款</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img11.360buyimg.com/n1/jfs/t1/135257/32/22355/280244/61e90204E52ca6244/a5bc31c99ad3401e.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								尊福林 园艺工具套装家用种植工具箱种菜种花多肉松土铲子喷壶修枝剪刀组合园艺用品 园艺工具-10件套
							</view>
							<view class="good-time">
								付款剩余时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="12" :minute="30" :second="0"
									color="#FFFFFF" background-color="red" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									绿色套装
								</view>
								<view class="good-price">
									¥89.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							需付款
						</view>
						<view class="good-price p1">
							¥{{78.5}}
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							需付款
						</view>
						<view class="good-price p1">
							¥{{90}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus!=3&&orderStatus!=4">
						<!--等待买家付款-->
						<view class="need-pay" v-if="orderStatus == 0">
							付款 ¥{{orderInfo.total_amount}}
						</view>
						<!--待成团-->
						<view class="invite-user" v-if="orderStatus == 1">
							<view class="down-time">
								<timer :endTime="orderInfo.pin_remain_time" :orderList="isOrderList"></timer>
							</view>
							<button open-type="share" :id="orderInfo.order_id" :data-index="index"
								class="invite-btn">邀请拼单</button>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @click="gogo">
								去付款
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus < 0 || orderStatus == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus==3||orderStatus==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-show="current === 2">
				<view class="goods-carts">
					<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup" @click="onClick"
						@buttonClick="buttonClick" />
					<echone-sku :show="popupShow" mode="forbidden" :theme-color="themeColor"
						:combinations="combinations" :specifications="specifications"
						:default-select-index="selectedIndex" :combinations-props="combinationsProps"
						:specifications-props="specificationsProps" @close="handleClose" @confirm="handleConfirm">
					</echone-sku>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：856493527915</view>
						<view class="order-status-1">等待发货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n1/jfs/t1/167508/36/10422/162130/6034d1e0E2e7d9370/424df372a83a04c6.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								电动喷雾器农用手提式打药机农药弥雾机喷雾机高压充电果树园林打药泵隔膜泵洗车机器抽水机 20安锂电池顶配版+50米高压管
							</view>
							<view class="good-timess">
								预计发货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="5" :minute="25" :second="0"
									color="#FFFFFF" background-color="forestgreen" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									20安锂电池顶配版+50米高压管
								</view>
								<view class="good-price">
									¥459.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{356.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus1!=3||orderStatus1!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus1 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus1 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus1 < 0 || orderStatus1 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus1==3||orderStatus1==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：665248156983</view>
						<view class="order-status-1">等待发货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n1/jfs/t1/199641/26/24185/118597/62986c58E672c5bf7/89a01683a776eb81.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								德国银龙岛 大功率石材切割机瓷砖多功能手提云石机开槽机电锯水电工业级 2800W升级款·加宽底板
							</view>
							<view class="good-timess">
								预计发货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="10" :minute="42" :second="0"
									color="#FFFFFF" background-color="forestgreen" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									2800W升级款·加宽底板
								</view>
								<view class="good-price">
									¥178.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{166.5}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus1!=3||orderStatus1!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus1 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus1 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus1 < 0 || orderStatus1 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus1==3||orderStatus1==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus1 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus1 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-show="current === 3">
				<view class="goods-carts">
					<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup" @click="onClick"
						@buttonClick="buttonClick" />
					<echone-sku :show="popupShow" mode="forbidden" :theme-color="themeColor"
						:combinations="combinations" :specifications="specifications"
						:default-select-index="selectedIndex" :combinations-props="combinationsProps"
						:specifications-props="specificationsProps" @close="handleClose" @confirm="handleConfirm">
					</echone-sku>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：489625716835</view>
						<view class="order-status-1">等待收货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n1/jfs/t1/214078/21/311/232262/6167d570E012daaed/43f3043ab9fad1a4.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								朔铠园艺工具套装种花剪养花工具箱家用阳台盆景栽花大号赶海小铲子盆栽花卉工具铲土用品修枝剪铁锹耙子锄头 花艺剪刀粉色
							</view>
							<view class="good-timesss">
								预计到货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="12" :minute="12" :second="0"
									color="#FFFFFF" background-color="rgb(0, 132, 255)" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									花艺剪刀粉色
								</view>
								<view class="good-price">
									¥10.5
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{6.8}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus2!=3||orderStatus2!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus2 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus2 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus2 < 0 || orderStatus2 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus2==3||orderStatus2==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：153585946513</view>
						<view class="order-status-1">等待收货</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n7/jfs/t1/222679/40/3777/426084/619f2248E26970658/53d4006b95a8b421.jpg"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								手拉犁人工小型开沟神器农用翻土松土起垄器翻地机耕地机开荒工具 手拉犁
							</view>
							<view class="good-timesss">
								预计到货时间：
								<uni-countdown :font-size="14" :show-day="false" :hour="24" :minute="55" :second="0"
									color="#FFFFFF" background-color="rgb(0, 132, 255)" />
							</view>
							<view class="good-bottom">
								<view class="attr">
									手拉犁
								</view>
								<view class="good-price">
									¥261.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{243.2}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus2!=3||orderStatus2!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus2 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="has-success" @tap="buyOnceMore" v-else-if="orderStatus2 == 10">
							再次购买
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus2 < 0 || orderStatus2 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus2==3||orderStatus2==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus2 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus2 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-show="current === 4">
				<view class="goods-carts">
					<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup" @click="onClick"
						@buttonClick="buttonClick" />
					<echone-sku :show="popupShow" mode="forbidden" :theme-color="themeColor"
						:combinations="combinations" :specifications="specifications"
						:default-select-index="selectedIndex" :combinations-props="combinationsProps"
						:specifications-props="specificationsProps" @close="handleClose" @confirm="handleConfirm">
					</echone-sku>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：954258354628</view>
						<view class="order-status-1">已完成</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img14.360buyimg.com/n7/jfs/t1/124867/15/22230/364939/627e19baEfa101c51/63857b9347aa5e71.jpg"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								四冲程汽油微耕机松土机旋耕机耕地机小型农用翻地机开沟机除草机 宗申配松土刀行走轮除草轮开沟器
							</view>
							<view class="good-times">
								05月25日 18:16前发货
							</view>
							<view class="good-bottom">
								<view class="attr">
									四冲程汽油微耕机
								</view>
								<view class="good-price">
									¥3004.0
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{2999}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus3!=3||orderStatus3!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus3 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="wait-express" v-else-if="orderStatus3 == 10">
							<view class="view-express" @click="applyAfterSale">
								追加评价
							</view>
							<view class="view-express e1" @tap="buyOnceMore">
								再次购买
							</view>
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus3 < 0 || orderStatus3 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus3==3||orderStatus3==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
				<view class="order-item">
					<view class="order-top" @click="goto">
						<view class="order-no">订单编号：548963251485</view>
						<view class="order-status-1">已完成</view>
					</view>
					<view class="good-box" @click="goto">
						<image
							src="https://img12.360buyimg.com/n1/jfs/t1/209095/23/723/143579/6141ff31E70061a2d/27cc1f463156512c.jpg.avif"
							class="good-img">
						</image>
						<view class="good-info">
							<view class="good-title">
								朔铠浇花喷壶家用小喷水壶园艺工具洒水壶气压式消毒喷雾器小型压力浇水壶高压喷雾瓶 2L加厚卡扣款粉色
							</view>
							<view class="good-times">
								05月20日 12:49前发货
							</view>
							<view class="good-bottom">
								<view class="attr">
									2L加厚卡扣款粉色
								</view>
								<view class="good-price">
									¥8.80
								</view>
							</view>
						</view>
					</view>
					<view class="real-pay" @click="goto">
						<view class="attr">
							实付款
						</view>
						<view class="good-price p1">
							¥{{5.6}}
						</view>
					</view>
					<view class="order-bottom" v-if="orderStatus3!=3||orderStatus3!=4">
						<!--待发货-->
						<view class="wait-express" v-if="orderStatus3 == 2">
							<view class="view-express e" @click="gototo">
								修改地址
							</view>
							<view class="view-express" @click="gotochat">
								联系卖家
							</view>
							<view class="view-express e1" @tap="sureReceipts">
								催发货
							</view>
						</view>
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express e2" @click="gogogo">
								申请退款
							</view>
							<view class="view-express" @click="go">
								查看物流
							</view>
							<view class="view-express e1" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" v-if="orderInfo.isCanApplyAfterSales">
								申请售后
							</view>
							<view class="view-express" @tap="viewExpress">
								确定收货
							</view>
						</view>
						<!--已完成-->
						<view class="wait-express" v-else-if="orderStatus3 == 10">
							<view class="view-express" @click="applyAfterSale">
								追加评价
							</view>
							<view class="view-express e1" @tap="buyOnceMore">
								再次购买
							</view>
						</view>
						<!--已取消-->
						<view class="has-cancel" @tap="buyOnceMore" v-else-if="orderStatus3 < 0 || orderStatus3 == 9">
							再次购买
						</view>
					</view>
					<view class="order-bottom" v-else-if="orderStatus3==3||orderStatus3==4">
						<!--待收货-->
						<view class="wait-express" v-if="orderStatus3 == 3">
							<view class="view-express" @tap="viewExpress">
								查看物流
							</view>
							<view class="view-express" @tap="sureReceipt">
								确认收货
							</view>
						</view>
						<!--已收货-->
						<view class="wait-express" v-else-if="orderStatus3 == 4">
							<view class="view-express" @tap="viewExpress">
								申请售后
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import dragButton from "@/components/drag-button/drag-button.vue";
	import echoneSku from "@/components/echone-sku/echone-sku.vue";

	export default {
		components: {
			dragButton,
			echoneSku
		},
		props: {
			nomsg: 'https://file.genepre.com/wechat/nomsg.png',
			orderInfo: {
				type: Object,
				default: {}
			},
			index: Number
		},
		data() {
			return {
				titleName: "订单",
				items: ['全部订单', '待付款', '待发货', '待收货', '已完成'],
				current: 0,
				isOrderList: true,
				options: [{
					icon: 'chat',
					text: '客服'
				}, {
					icon: 'shop',
					text: '店铺',
					info: 2,
					infoBackgroundColor: '#007aff',
					infoColor: "#f5f5f5"
				}, {
					icon: 'cart',
					text: '购物车',
					info: 2
				}],
				customButtonGroup: [{
						text: '加入购物车',
						backgroundColor: 'linear-gradient(90deg, #1E83FF, #0053B8)',
						color: '#fff'
					},
					{
						text: '立即购买',
						backgroundColor: 'linear-gradient(90deg, #60F3FF, #088FEB)',
						color: '#fff'
					}
				],
				themeColor: '#00D0D0',
				popupShow: false,
				combinationsProps: {
					id: 'skuId',
					value: 'skuValue',
					image: 'skuImage',
					price: 'skuPrice',
					stock: 'skuStock'
				},
				specificationsProps: {
					id: 'id',
					list: 'skuList',
					name: 'skuName'
				},
				combinations: [{
					skuId: '1',
					skuValue: '园艺工具-10件套',
					skuImage: 'https://img11.360buyimg.com/n1/jfs/t1/135257/32/22355/280244/61e90204E52ca6244/a5bc31c99ad3401e.jpg.avif',
					skuPrice: 89.0,
					skuStock: 10,
				}],
				specifications: [{
						skuName: '颜色分类',
						id: '123',
						skuList: ['草木绿','浅紫色', '天蓝色'],
					},
					{
						skuName: '款式',
						id: '456',
						skuList: ['普通款(5件套)',  '不锈钢款(5件套)', '印花款(5件套)','普通款(10件套)', '不锈钢款(10件套)','印花款(10件套)','地垫100*100cm'],
					}
				],
				selectedIndex: 0,
			}
		},
		onLoad() {},
		onShareAppMessage() {
			return {
				title: "分享我的订单页面"
			}
		},
		methods: {
			//异步请求示例
			initData() {
				uni.request({
					url: 'http://xxx/sku/info',
					method: 'GET'
				}).then(res => {
					const result = res[1].data.data
					this.combinations = result.combinations
					this.specifications = result.specifications
					this.selectedSkuIdx = result.selectedSkuIdx
				})
			},
			handleClose() {
				this.popupShow = false
			},
			handleConfirm(obj) {
				this.popupShow = false
			},
			go: function() {
				uni.navigateTo({
					url: '/subpkg/logistics/logistics'
				})
			},
			goto: function() {
				uni.navigateTo({
					url: '/subpkg/detail/detail'
				})
			},
			gototo: function() {
				uni.navigateTo({
					url: '/subpkg/address/address'
				})
			},
			gogo: function() {
				uni.navigateTo({
					url: '/subpkg/confirm/confirm'
				})
			},
			gogogo: function() {
				uni.navigateTo({
					url: '/subpkg/refund/refund'
				})
			},
			gotochat: function() {
				uni.navigateTo({
					url: '/subpkg/chat/chat'
				})
			},
			onClickItem(e) {
				if (this.current != e.currentIndex) {
					this.current = e.currentIndex;
				}
			},
			onClick(e) {
				uni.navigateTo({
					url: '/subpkg/shopping/shopping'
				})
			},
			buttonClick(e) {
				this.options[2].info++;
				this.popupShow = true;
			},
			// 跳转订单详情
			clickOrder() {
				uni.navigateTo({
					url: '../../pages/order/detail?orderId=' + this.orderInfo.order_id
				})
			},
			// 再次购买
			buyOnceMore() {
				this.popupShow = true;
			},
			// 申请开票
			viewExpress() {
				uni.navigateTo({
					url: '../../pages/order/express?orderId=' + this.orderInfo.order_id
				})
			},
			// 确认收货
			sureReceipt() {
				let _this = this;
				uni.showModal({
					title: '提示',
					content: '确认已经收货?',
					success: function(res) {
						if (res.confirm) {
							// _this.$common.toast('感谢您的支持')
						}
					},
				})
			},
			sureReceipts() {
				let _this = this;
				uni.showModal({
					title: '提示',
					content: '确认催发货?',
					success: function(res) {
						if (res.confirm) {
							// _this.$common.toast('感谢您的支持')
						}
					},
				})
			},
			// 申请售后
			applyAfterSale() {
				uni.navigateTo({
					url: '/subpkg/detail/detail'
				})
			},
			//拼团成功的人有资格购买88的红酒
			buyWine(e) {
				const pinOrderId = e.currentTarget.dataset.id
				const goodsId = getApp().globalData.wineGoodsId

				uni.navigateTo({
					url: '/pages/detail/redWine?pinParentUserOrderId=' + pinOrderId + '&goodsId=' + goodsId
				})
			}
		},
		computed: {
			// 属性字符串
			attrStr() {
				let attrData = this.orderInfo.attrData;
				let attrArr = [];
				if (attrData && attrData.length > 0) {
					attrData.map(item => {
						attrArr.push(item.attr_value)
					})
					return attrArr.join(' ')
				}
				return ''
			},
			// 订单状态
			orderStatus() {
				// return this.orderInfo.pay_status
				return 1
			},
			orderStatus1() {
				// return this.orderInfo.pay_status
				return 2
			},
			orderStatus2() {
				// return this.orderInfo.pay_status
				return 3
			},
			orderStatus3() {
				// return this.orderInfo.pay_status
				return 10
			},
			statusText() {
				let orderInfo = this.orderInfo
				let pay_status = orderInfo.pay_status
				if (pay_status == 1) {
					return '拼团中'
				} else if (pay_status == 2) {
					return '待发货';
				} else if (pay_status == 3) {
					return '待收货';
				} else if (pay_status == 4) {
					return '已收货';
				} else if (pay_status == 5) {
					return '已申请售后'
				} else if (pay_status == 9) {
					return '未拼中'
				} else if (pay_status == 10) {
					return '已完成'
				} else if (pay_status == -1) {
					return '已取消';
				} else if (pay_status == -2 || pay_status == -3) {
					return '系统取消';
				} else {
					return '已完成';
				}
			}
		}
	}
</script>

<style lang="scss">
	.content {
		margin-bottom: 140rpx;
	}

	.example-body {
		display: flex;
		flex-direction: row;
		padding: 0;
	}

	.goods-carts {
		/* #ifndef APP-NVUE */
		width: 100%;
		display: flex;
		/* #endif */
		flex-direction: column;
		position: fixed;
		/* #ifdef H5 */
		left: 0;
		right: 0;
		left: var(--window-left);
		right: var(--window-right);
		/* #endif */
		bottom: 15rpx;
	}

	.uni-padding-wrap {
		padding: 0px 30px;
	}

	.order-item {
		width: 750rpx;
		min-height: 450rpx;
		max-height: 630rpx;
		background: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-top: 24rpx solid #F5F6F9;

		.real-pay {
			width: 420rpx;
			height: 60rpx;
			align-self: flex-end;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #0C0900;
			padding-right: 40rpx;
			box-sizing: content-box;

			.good-price {
				font-size: 36rpx;
				font-weight: bold;
			}

			.p1 {
				color: red;
			}
		}
	}

	.order-item .order-top {
		width: 670rpx;
		height: 90rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.order-top .order-no {
		height: 44rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 44rpx;
		color: #686661;
	}

	.order-top .order-status-0 {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #F86341;
	}

	.order-top .order-status-10,
	.order-top .order-status-1 {
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: rgb(0, 132, 255);
	}

	.order-top .order-status-3 {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 44rpx;
		color: #B2B1AE;
	}

	.order-item .good-box {
		width: 670rpx;
		height: 230rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.order-item .good-box .good-img {
		margin-top: 25px;
		width: 237rpx;
		height: 270rpx;
		border-radius: 16rpx;
	}

	.good-box .good-info {
		width: 420rpx;
		height: 240rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.good-info .good-title {
		margin-top: 5px;
		width: 420rpx;
		height: 88rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45rpx;
		color: #000000;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.good-info .good-time {
		color: red;
		font-size: 29rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.good-info .good-times {
		color: orange;
		font-size: 29rpx;
	}

	.good-info .good-timess {
		color: forestgreen;
		font-size: 29rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.good-info .good-timesss {
		color: rgb(0, 132, 255);
		font-size: 29rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.good-info .good-bottom {
		width: 100%;
		height: 50rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.good-info .good-bottom .attr {
		width: 260rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 40rpx;
		color: #686661;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.good-info .good-bottom .good-price {
		height: 20rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 20rpx;
		color: #0C0900;
	}

	.order-item .order-bottom {
		width: 670rpx;
		flex: 1 0 90rpx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		border-top: 2rpx solid #E7E9EE;
		margin-top: 10rpx;
		bottom: 0;
	}

	.need-pay {
		width: 180rpx;
		height: 64rpx;
		background: #F86341;
		border-radius: 32rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.buy-wine {
		width: 100%;
		color: #F86341;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translateY(-45%);

		.wine-img {
			width: 686rpx;
			height: 136rpx;
		}
	}

	.order-bottom .invite-user {
		display: flex;

		.view-express {
			width: 130rpx;
			height: 50rpx;
			background: #FFFFFF;
			border: 2rpx solid darkgrey;
			border-radius: 10rpx;
			margin: 0 5rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 25rpx;
		}
	}

	.invite-btn {
		width: 150rpx;
		height: 55rpx;
		line-height: 55rpx;
		background: #FFFFFF;
		border: 2rpx solid #F86341;
		border-radius: 10rpx;
		font-size: 23rpx;
		font-family: PingFang SC;
		color: #F86341;
		margin-right: 7rpx;
		display: block;
	}

	.order-bottom .wait-express {
		display: flex;
	}

	.wait-express .view-express {
		width: 130rpx;
		height: 50rpx;
		background: #FFFFFF;
		border: 2rpx solid darkgrey;
		border-radius: 10rpx;
		margin: 0 5rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25rpx;
	}

	.e2 {
		color: red;
		border-color: red !important;
	}

	.e1 {
		color: rgb(0, 132, 255);
		border-color: rgb(0, 132, 255) !important;
	}

	.e {
		color: forestgreen;
		border-color: forestgreen !important;
	}

	.has-success,
	.has-cancel {
		width: 180rpx;
		height: 64rpx;
		background: #FFFFFF;
		border: 2rpx solid #E7E9EE;
		border-radius: 32rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #686661;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
	}

	.sku-page {
		padding-top: 80upx;

		.sku-btn {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 400upx;
			height: 80upx;
			margin: 0 auto;
			border-radius: 10upx;
			color: white;
		}
	}
</style>
